<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/search.css">
    <title>云顶图书馆</title>
</head>

<body>
    <div class="header">
        <div class="header-nav">
            <div class="logo">
                <a href="index.html"><img src="../img/logo.png" alt="主页"></a>
            </div>
            <div class="search-input">
                <!-- 下拉条选择 -->
                <div class="search-cate">
                    <label for="category">检索分类</label>
                    <select id="category" class="category" >
                        <option value="name_search">书名</option>
                        <option value="writer_search">作者</option>
                    </select>
                </div>
                <input type="text" class="search-bar" id="search" placeholder="在这里输入">
                <button class="search-btn" onclick="search()">
                    检索
                    <!-- <img src="./img/search-bar放大镜.png" style="zoom: 20%;"> -->
                </button>
            </div>
            <div class="list">
                <li class="li"><a href="./index.html">首页</a></li>
                <li class="li" style="cursor: pointer;">借阅</li>
                <li class="li" onclick="login()" style="cursor: pointer;">登陆</li>
                <li class="li" onclick="register()" style="cursor: pointer;">注册</li>
                <li class="li" onclick="user()" style="cursor: pointer;">我的图书馆</li>
                <!-- 之后再显示这个功能啦 -->
            </div>
        </div> 
    </div>
    <div class="search_result" id="search_result"></div>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="../js/search.js"></script>
</html>